﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BaiduMap2.aspx.cs" Inherits="Study.VHProject新功能研究.BaiduMap2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
		body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
		#allmap{width:100%;height:600px;}
		p{margin-left:5px; font-size:14px;}
	</style>
    <script src="../Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=bWu6yM5fhHU8o3P3poChm4DAwXCqkPEc"></script>

    <script type="text/javascript">
        $(function () {
            $("#btnSearch").click(function () {
                map.clearOverlays();//移除所有标注  
                var content = $("#searchText").val();
                var point = new BMap.Point(Math.random() * 180, Math.random() * 90); // 创建点坐标
                var marker = new BMap.Marker(point);
                var infoWindow = new BMap.InfoWindow(content);  // 创建信息窗口对象
                map.centerAndZoom(point, 5); // 初始化地图,设置中心点
                map.addOverlay(marker);
                marker.addEventListener("mouseover", function () {
                    this.openInfoWindow(infoWindow);
                    //图片加载完毕重绘infowindow
                    document.getElementById('imgDemo').onload = function () {
                        infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="allmap"></div>
    <input type="text" id="searchText" />
    <input type="button" id="btnSearch" value="查询" />
    </form>
</body>
</html>
 <script type="text/javascript">
     // 百度地图API功能
     var map = new BMap.Map("allmap");    // 创建Map实例
     map.centerAndZoom(new BMap.Point(116.404, 39.915), 5);  // 初始化地图,设置中心点坐标和地图级别
     map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
     //map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
     map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>